<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    route相当于当前正在跳转的路由对象
    每一个路由都会有一个router对象,可以从里面获取name,path,params等

    route
    通过$route.params获取动态了路由参数
    在动态路由渲染出来的组件中,可以使用this.$route.params对象访问到动态匹配的参数值,this.$route里面存放的是当前页面路由的相关信息

    router
    vue-router提供了许多编程式导航的API,其中最常用的导航api分别是
    
    this.$router.push('hash 地址')
    跳转到指定hash地址,并增加一条历史记录

    this.$router.push(数值n)
    实现导航历史前进后退
    

   
</script>
</html>